Connected to APPS-3058
This FTVA styled component will be used on the EventSeries Listing page.

https://deploy-preview-653--ucla-library-storybook.netlify.app/?path=/story/section-staff-article-list--ftva-current-entries-with-dates

Notes:

• src/lib-components/BlockStaffArticleList.vue
  • Moved all utils together
  • Add props
    • startDate
    • endDate
    • ongoing
  • Add the Theme and classes for Default & FTVA scss
  • Add the logic for the dates
    • parsedDateDisplay
  • Update the date formatting in formatSeriesDates
• src/lib-components/SectionStaffArticleList.vue
  • Add calls to
    • startDate
    • endDate
    • ongoing
  • Add the Theme and classes for Default & FTVA scss
• src/stories/BlockStaffArticleList.stories.js
  • Add stories and data for
    • FtvaDateRange
    • FtvaSameStartEndDate
    • FtvaOngoing
• src/stories/SectionStaffArticleList.stories.js
  • Add stories and data for
    • FtvaDateRange
    • FtvaSameStartEndDate
    • FtvaOngoing
• src/styles/_base.scss
  • import "default/_block-staff-article-item";
  • import "default/_section-staff-article-list";
• src/styles/_ftva-theme.scss
  • import "ftva/_block-staff-article-item";
  • import "ftva/_section-staff-article-list";
• Update styles
  • src/styles/default/_block-staff-article-item.scss
  • src/styles/default/_section-staff-article-list.scss
  • src/styles/ftva/_block-staff-article-item.scss
  • src/styles/ftva/_section-staff-article-list.scss
• src/types/types.ts
  • Update the BlockStaffArticleListItemType with
    • startDate?: string
    • endDate?: string
    • ongoing?: boolean
• src/utils/formatEventSeriesDates.js
  • Updates the Range to have the full year on both sides

Checklist:

• I checked that it is working locally in the storybook
• I checked that it is working locally in the
  library-website-nuxt dev server
  • My NPM Global is messed up so I can't check this.
• I added a screenshot of it working
• UX has reviewed and approved this
• I used a conventional commit message
• I assigned myself to this PR